import {debounce} from "@/common/utils";
import BackTop from "@/components/content/backTop/BackTop";

export const itemListenerMixin = {
  data(){
    return{
      itemImgListener:null,
    }
  },
  mounted(){
    // 1.图片加载完的事件监听,进行防抖操作
    const refresh = debounce(this.$refs.scroll.refresh,200)
    // 对监听的事件进行保存
    this.itemImgListener = () => {
      refresh()
    }
    // 取消事件监听，事件、函数名
    this.$bus.$on('itemImageLoad',this.itemImgListener)
    // console.log('我是混入中的内容');
  },
}

//34、一键回到顶部
// methods里面只能抽离函数，他会合并函数，但是函数内部的部分代码不能抽离，会覆盖
export const backTopMixin ={
  components:{
    BackTop,
  },
  data(){
    return{
      isShowBackTop: false,
    }
  },
  methods:{
    backClick() {
      this.$refs.scroll.scrollTo(0, 0)
    },
  }
}
